<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>美丽说</title>
		<link rel="stylesheet" href="lunbo/css/demo.css">
        <link rel="stylesheet" href="lunbo/css/layout_1.css">
		<script src="js/jquery-1.10.1.min.js" type="text/javascript" charset="utf-8"></script> 
		<link rel="stylesheet" type="text/css" href="css/meilishuo.css"/>
	</head>
	<body>
		<!-----------top----------------------->
		<div class ="top">
			<div class = "wrap">
				<ul>
					<li>
						<span class = "span0"></span>
						<a href="wxlogin.html">微信登录</a>
					</li>
					<li>
						<span class = "span1"></span>
						<a href="qqlogin.html">qq登录</a> 
					</li>
					<li><a href="login.html">登录</a> </li>
					<li><a href="register.html">注册</a> </li>
					<li>
						<span class = "span2"></span >
						<a href="">我的收藏</a>
						<div class = "shoucang2">
						   <a>收藏宝贝</a><br/><a>收藏店铺</a>
						</div
					</li>
					
					<li class = "shouchang">
						<span class = "span3"></span>
						<a href="car.html">我的购物车</a>
					</li>
					<li>
						<span class = "span4"></span><a href="">我的订单</a></li>
					<li><a href="##">帮助中心</a><span class = "span5 "></span><div class = "fuwu3"><a>买家服务</a><br/><a>卖家服务</a><br/><a>服务中心</a></li>					
					<li class = "last"><a href="">商家后台</a></li>
				</ul>
			</div>
		</div>
		<!-----------top1----------------------->
		<div class ="top1">
			<div class = "wrap">
				<a href = "##" class= "logo"><img src="img/182326981374.png" ></a>
				<div class= "search">
					<button class="bck-pink">宝贝</button> 
					<button>店铺</button>
					<input type="text" class="txt" placeholder="既能内搭又能外穿，选针织衫就对了" />
					<input type= "button" class="btn"  />
				   <ul>
				   	    <li><a href="index.html">首页</a></li>
				   	    <li><a href="indexson.html?0" class="fontColor">打底衬衫</a></li>
				   		<li><a href="indexson.html?1">毛衣</a></li>
				   		<li><a href="indexson.html?2">打底衬衫</a></li>
				   		<li><a href="">毛衣</a></li>
				   		<li><a href="" class="fontColor">打底衬衫</a></li>
				   		<li><a href="">毛衣</a></li>
				   		<li><a href="">打底衬衫</a></li>
				   		<li><a href="">毛衣</a></li>
				   		<li><a href="" class="fontColor">打底衬衫</a></li>
				   		<li><a href="">毛衣</a></li>
				   		<li><a href="">打底衬衫</a></li>
				   </ul>
				</div>		
			    <div class="ml">
			    	<ul>
			    		<li class = "mli">
			    			<a href="">全部商品</a>
			    			<div class="menu">
			    				
			    			</div>
			    		</li>
			    		<li><a href="">首页</a></li>
			    		<li><a href="">风格好店</a></li>
			    		<li><a href="">好物</a></li>
			    		
			    	</ul>
			    	
			    </div>
			   
			    <img class="tr" src="img/1rp_49cgihk50031c69jjk51ilkjk4950_210x157.gif">
			</div>
		</div>
		<!-----------banner----------------------->
		<div class ="banner">
			<div class = "wrap">
				 <div class = "lunbo">
			    	<div class="example">
				<div id="cxslide_x" class="cxslide_x">
					<div class="box">
						<ul class="list">
							<li><a href="#1"><img src="img/lb1.jpg" width="896" height="447"></a><p>广告</p></li>
							<li><a href="#2"><img src="img/lb2.jpg" width="896" height="447"></a><p>广告</p></li>
							<li><a href="#3"><img src="img/lb1.jpg" width="896" height="447"></a><p>广告</p></li>
							<li><a href="#4"><img src="img/lb2.jpg" width="896" height="447"></a><p>广告</p></li>
							<li><a href="#5"><img src="img/lb1.jpg" width="896" height="447"></a><p>广告</p></li>
						</ul>
					</div>
				</div>
			    	
			    </div>
			</div>
		</div>
		<!-----------banner1----------------------->
		<div class ="banner1">
			<div class = "wrap">
				<ul class="situ">
					<li><img src="img/upload_0e704l3bcia0di2kh904bbj1b91al_285x285.jpg_999x999.v1c0.jpg"/></li>			<li><img src="img/0013.jpg"/></li>
					<li><img src="img/0011.jpg"/></li>
   					<li class = "lastt"><img src="img/0012.jpg"/></li>

				</ul>
				<img class = "meiliyouxuan"
		src="img/upload_26l23lf8738ejd3ldec03b001dj71_1200x294.jpg_999x999.v1c0.jpg"
			</div>
			<div class="time"><p>距离结束还有</p>
						<div class="time-item">
		    <span id="day_show">0天</span>
		    <strong id="hour_show">0时</strong>
		    <strong id="minute_show">0分</strong>
		    <strong id="second_show">0秒</strong>
		                </div>
				
			</div>
		</div>
		<!-----------main----------------------->
		<div class ="main">
			<div class = "wrap">
				
				
			</div>
		</div>
		<!-----------bottom----------------------->
		<div class ="bottom">
			<div class = "wrap">
				<div class="weinijingcai">
									
				<div class="btitle">
					<img src="img/1rm_3lfcegbj128jg1kjl2hlgg5gchggb_101x40.png_999x999.v1c0.png"/>
				</div>
				<div class="btop">
					<a href="##"><img src="img/chaonuanhe.png"</a>
					<a href="##"><img src="img/sirong.png"</a>
					<a href="##"><img src="img/sirong.png"</a>
					<a class="last" href="##"><img src="img/sirong.png"</a>	
				</div>
				<div class="bbottom">			
					<div class="neirong">
						
					</div>
					<script>
						
						   $.getJSON("jsons/bottomaa.json",function(json){
						   	console.log(json.list2);
						   	var $list = json.list2;
					            $.each($list, function(i) {
					            	$("<a>"+$list[i]+"</a>")
					            	.appendTo(".bottom .neirong")
					            });						   								   
						   })
						
					</script>
					<a herf="##"><img src="img/xinpinnvxie.png"</a>
					<a herf="##"><img src="img/xinpinnvxie.png"</a>
					<a class="last" herf="##"><img src="img/xinpinnvxie.png"</a>
				</div>
				</div>
				<div class="weinijingcai">
									
				<div class="btitle">
					<img src="img/1rm_3lfcegbj128jg1kjl2hlgg5gchggb_101x40.png_999x999.v1c0.png"/>
				</div>
				<div class="btop">
					<a href="##"><img src="img/chaonuanhe.png"</a>
					<a href="##"><img src="img/sirong.png"</a>
					<a href="##"><img src="img/sirong.png"</a>
					<a class="last" href="##"><img src="img/sirong.png"</a>	
				</div>
				<div class="bbottom">			
					<div class="neirong">
						
					</div>
					<a herf="##"><img src="img/xinpinnvxie.png"></a>
					<a herf="##"><img src="img/xinpinnvxie.png"></a>
					<a class="last" herf="##"><img src="img/xinpinnvxie.png"></a>
				</div>
				</div>
					
				
			</div>
		</div>
		<!-----------footer----------------------->
		<div class ="footer">
			<div class = "wrap">
				<div class="ftop">
					
				
				<ul>
					<h3>买家帮助</h3>
					<li><a href="">新手指南</a></li>
					<li><a href="">服务保障</a></li>
					<li><a href="">常见问题</a></li>
					<li><a href="">风险监测</a></li>
				</ul>
				<ul>
					<h3>商家帮助</h3>
					<li><a href="">商家入驻</a></li>
					<li><a href="">商家后台</a></li>
					
				</ul>
				<ul>
					<h3>关于我们</h3>
					<li><a href="">关于美丽说</a></li>
					<li><a href="">联系我们</a></li>
					
				</ul>
				<ul>
					<h3>关注我们</h3>
					<li><span></span><a href="">新浪微博</a></li>
					<li><span></span><a href="">qq空间</a></li>
					<li><span></span><a href="">腾讯微博</a></li>
					
				</ul>
				<dl>
					<dt><h3>美丽说微信服务号</h3></dt>
					<dd><img src="img/7e_61hjl8kjfjfagkg3cdaj05fghck9c_100x100.png"</dd>
				</dl>
				<dl>
					<dt><h3>美丽说客户端下载</h3></dt>
					<dd><img src="img/7e_74j23d2a5f5j3bj31h70375gbeec1_100x100.png"</dd>
				</dl>
				</div>
				<div class="foo">
		Copyright ©2017 Meilishuo.com &nbsp;<a href="http://s16.mogucdn.com/new1/v1/bmisc/518ea1bbd36948b90e658485d2700e62/181714310539.pdf" target="_blank">电信与信息服务业务经营许可证100798号</a>&nbsp;<a href="http://s16.mogucdn.com/p1/160811/idid_ifrtszjqmmzdazrumezdambqhayde_2436x3500.jpg" target="_blank">经营性网站备案信息</a>&nbsp; <br> 京ICP备11031139号&nbsp; 京公网安备110108006045&nbsp;&nbsp; 客服电话：4000-800-577&nbsp; 文明办网文明上网举报电话：010-82615762 &nbsp;<a href="http://net.china.com.cn/index.htm" target="_blank">违法不良信息举报中心</a>		
				</div>
			</div>
		</div>
<div class="flag">
	<ul>
		<li><a href=""><img src="img/idid_ifrgkmlfmmyggyztmizdambqmeyde_12x18.png"/><p>下载</p></a><img class = "ma" src = "img/ma.png.png"/></li>
		<li><a href=""><img src="img/idid_ifqtqmdggzqwcyztmizdambqgyyde_17x13.png"/><p>购物车</p></a></li>
		<li><a href=""><img src="img/idid_ie3wim3bmqywgyztmizdambqgayde_17x15.png"/><p>消息</p></a></li>
		<li><a href=""><img src="img/idid_ifrtoyjumjtgmmbvmizdambqhayde_18x13.png"/><p>优惠券</p></a></li>
		<li><a href=""><img src="img/idid_ifrdqyryguywgyztmizdambqmeyde_19x18.png"/><p>收藏</p></a></li>
		<li><a href=""><img src="img/idid_ie4tmmrwgazggyztmizdambqgqyde_15x21.png"/><p>足迹</p></a></li>
		<li class = "returntop"><a><img src="img/rtop.png"/><p>顶部</p></a></li>
	</ul>
</div>		
	</body>
	<script src="js/jquery-1.11.0.js"></script>
	<script src="js/nav.js"></script>
	<script type="text/javascript">
	

	</script>
	<script src="lunbo/js/jquery.js"></script>
<script src="lunbo/js/jquery.cxslide.min.js"></script>
<script>

$('#cxslide_x').cxSlide({
	plus: true,
	minus: true
});

$('#cxslide_y').cxSlide({
	type: 'y'
});

$('#cxslide_fade').cxSlide({
	events: 'mouseover',
	type: 'fade',
	speed: 300
});
</script>
<script src="js/jquery-1.10.1.min.js" ></script>
<!--<script src="js/index.js"></script>-->
<script>
var intDiff = parseInt(214000);//倒计时总秒数量
function timer(intDiff){
    window.setInterval(function(){
    var day=0,
        hour=0,
        minute=0,
        second=0;//时间默认值        
    if(intDiff > 0){
        day = Math.floor(intDiff / (60 * 60 * 24));
        hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
        minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
        second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
    }
    if (minute <= 9) minute = '0' + minute;
    if (second <= 9) second = '0' + second;
    $('#day_show').html(day+"天");
    $('#hour_show').html('<s id="h"></s>'+hour+'时');
    $('#minute_show').html('<s></s>'+minute+'分');
    $('#second_show').html('<s></s>'+second+'秒');
    intDiff--;
    }, 1000);
} 
$(function(){
    timer(intDiff);
}); 
</script>
<script type="text/javascript">
	$('.flag ul:last').click(function(){
		$('body,html').animate({ scrollTop: 0 }, 200);
        return false;
	})
</script>
<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$('.main .wrap').on("click","dl",(function(){ 
  location.href="indexson.html"
  
}))
	$('.main .wrap').on("mouseover","dl",(function(){
		
    $('.main .wrap dl img').eq($(this).index()).stop().animate({height: "350px",width:"231px",left:"-5px",top:"-3px"},300).siblings().stop();
    
    }))
	$('.main .wrap').on("mouseout","dl",(function(){
	
    $('.main .wrap dl img').eq($(this).index()).stop().animate({height: "340px",width:"224px",left:"0px",top:"0px"},300).siblings().stop();
    }))
	
	
//	$('.top ul li').eq(4).hover(function(){
//		$(this).children(".shoucang2").show();
//	},function(){
//		$(this).children(".shoucang2").hide();
//	});
				$('.top ul li').eq(4).mouseover(function(){							
					$('.top ul li .shoucang2').css("display","block");
				});
				$('.top ul li').eq(4).mouseout(function(){
					$('.top ul li .shoucang2').css("display","none");
				});
					 		
				$('.top ul li ').eq(7).mouseover(function(){
				
					$('.top ul li .fuwu3').css("display","block");
				});
				$('.top ul li').eq(7).mouseout(function(){
					$('.top ul li .fuwu3').css("display","none");
				});
				$('.flag ul li').mouseover(function(){
					$('.flag ul li').css("background","#f8f8f8");
					$(this).css({"background":"blueviolet"});
								
				});
				$('.flag ul li').mouseout(function(){
					$('.flag ul li').css("background","#f8f8f8");
				});
				$('.flag ul li ').eq(0).mouseover(function(){
				
					$('.flag ul li .ma').css("display","block");
				});
				$('.flag ul li').eq(0).mouseout(function(){
					$('.flag ul li .ma').css("display","none");
				});
				
</script>
	</body>
</html>
